@charset "utf-8";
/* CSS Document */

body { line-height: 1.5; background-color: #f5f5f5; }
select { display: block; width: 100%; padding: .5em; font-size: 14px; line-height: 22px; color: #888; vertical-align: middle; background-color: #fff; border-color: #ccc; border-width: 1px; }
.am-panel-default { border-color: #e9e9e9;}
.am-nav-tabs { border-bottom: 1px solid #e9e9e9;}
.am-with-topbar-fixed-top {
    padding-top: 22px;
}
.bg-banner { width: 100%; background-image: url(../img/bg-banner.jpg); background-repeat: repeat-x; text-align: center; height: 220px;}
.banner { height: 220px; background-position: center; background-repeat: no-repeat; }
.navigation { text-align: center; background: #ffffff; border-bottom: 2px solid #e1e1e1; }
.navigation .menu { padding: 0; margin: 0; }
.navigation .menu ul { margin-bottom: 0; }
.navigation .menu li { list-style: none; display: inline-block; position: relative; }
.navigation .menu li.nav-current { border-bottom: 2px solid #15a1e5; margin-bottom: -2px; }
.navigation .menu li a { color: #505050; line-height: 4em; display: block; padding: 0 33px; font-size: 16px; }
.navigation .menu li:hover > a { color: #15a1e5; text-decoration: none; border-bottom: 2px solid #15a1e5; margin-bottom: -2px; }
.navigation .menu li ul { visibility: hidden; background: #ffffff; text-align: left; padding: 7px 0px; margin: 0; position: absolute; left: 0; top: 120%; width: 200px; z-index: 999; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.navigation .menu li ul li { display: block; margin: 0; }
.navigation .menu li ul li a { line-height: 2.5em; color: #505050; }
.navigation .menu li ul:hover > a { color: #15a1e5; }
.navigation .menu li:hover ul { visibility: visible; opacity: 1; filter: alpha(opacity=100); top: 100%; }
.footer { margin-top: 30px; padding: 20px 0 15px; background-color: #fff; }
.footer p { text-align: center; font-size: 14px; line-height: 10px; color: #999; }
.footer-link{ margin-bottom: 15px; text-align: center; height:25px; }
.footer-link-item{display: inline-block; padding-right: 16px;padding-left: 12px;height: 16px;line-height: 16px;border-right: 1px solid #999; font-size: 14px;}
.footer-link-item:hover{ color: #15a1e5; }
.footer-link-last {border: none;}

.wxb-s-item{ position:relative; width: 347px;margin: 0 13px 15px 0; padding:10px 40px 15px; border: 1px solid #15a1e5; }
.wxb-s-item h1{ margin-bottom: 0; padding-bottom: 12px; font-size: 36px; font-weight: 400; }
.wxb-s-item span{ font-size: 18px; color: #15a1e5; }
.wxb-s-item h1 a{ color: #15a1e5; }
.wxb-s-item span a{  color: #15a1e5;}
.wxb-s-item h1 a:hover, .wxb-s-item span a:hover{ color: #0e90d2; }
.wxb-s-item i{ margin-left: 15px; color: #15a1e5; font-size: 36px; }
.wxb-s-info { width: 280px; }
.wxb-s-info li { float: left; margin-bottom: 6px; padding-left:15px;  width: 280px; height: 36px; line-height: 36px;border-left: 8px solid #ba433f; background-color: #dd514c;  list-style: none; }
.wxb-s-info li span { text-align: left; font-size: 14px;color: #fff;}
.wrapper-fl { padding: 15px; width: 707px; border: 1px solid #e9e9e9; background-color: #fff; }
.wrapper-fr { width: 280px; }
.media-fl { float: left; position: relative; width: 360px; height: 235px; margin-top: 5px; }
.centered-btns_nav { position: absolute; top: 50%; z-index: 2; width: 28px; height: 42px; margin-top: -40px; line-height: 200px; background-image: url(../img/arrow.gif); overflow: hidden; opacity: .7; }
.next { right: 0; background-position: right 0; }
.centered-btns_nav:active { opacity: 1; }
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides p { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; margin: 0; height: 32px; line-height: 32px; font-size: 14px; color: #fff; background-color: rgba(0, 0, 0, 0.5); background-color: #666\9; filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0, startColorstr = '#80000000', endColorstr = '#80000000')\9;
display: block; text-align: center; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.media-fr { float: right; width: 295px; }
.media-tit { overflow: hidden; padding-bottom: 15px; border-bottom: 1px #ccc dotted; }
.media-tit h3 { height: 28px; line-height: 28px; margin-bottom: 8px; text-align: center; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.media-tit a{ color: #dd514c;}
.media-info { margin-top: 5px; height: 40px; overflow: hidden; }
.media-info p { margin-bottom: 0px; line-height: 20px; color: #999; font-size: 13px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.media-list { margin: 12px 0 0; }
.media-list li { margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; text-indent: 10px; height: 22px; line-height: 22px; background: url(../img/li.gif) no-repeat 0px 10px; font-size: 14px; overflow: hidden; }
.wxb-s-tab { width: 280px; font-size: 14px; line-height: 50px; border-top: 2px #15a1e5 solid; }
.wxb-s-tab li { background-color: #ececec;cursor: pointer; }
.wxb-s-tab li a { padding: 10px 48px; margin-right: 0px; color: #333; }
.wxb-s-tab li a:hover { color: #15a1e5; }
.wxb-s-tab-list { width: 260px; margin-bottom: 0; padding: 6px 0; }
.wxb-s-tab-list li { margin-bottom: 8px; white-space: nowrap; text-overflow: ellipsis; text-indent: 10px; height: 24px; line-height: 24px; background: url(../img/li.gif) no-repeat 0px 10px; font-size: 14px; overflow: hidden; }
.wxb-s-tab-list li a { color: #666; }
.wxb-s-tab-list li a:hover { color: #15a1e5; }
.wxb-s-box { padding: 15px; background-color: #fff; border: 1px solid #e9e9e9; }
.wxb-s-list{ margin: 0; }
.wxb-s-list i { color: #999; }
.wxb-s-list li { height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc; list-style: none; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.wxb-s-list li a:hover{ color: #15a1e5; }
.wxb-s-tit-v { margin-top: 0; padding-bottom: 7px; border-bottom: 1px solid #e9e9e9; margin-bottom: 10px; position: relative; font-weight: normal; color: #333; }
.wxb-s-tit-v:after { content: ""; width: 98px; height: 1px; background: #15a1e5; position: absolute; left: 0; bottom: -1px; }
.wxb-s-tit-v a { float: right; line-height: 28px; font-size: 13px; color: #999; }
.wxb-s-btn { margin-bottom: 0; }
.wxb-s-btn li { list-style: none; margin-bottom: 12px; }
.wxb-s-btn li:nth-child(4) { margin-bottom:0;}
.wxb-s-btn li a { display: block; height: 69px; width: 322px; text-decoration: none; text-align: center; }
.jb-01, .jb-02, .jb-03, .jb-04 { background: url(../img/jb-btn.png) no-repeat; }
.jb-01 { height: 69px; width: 322px; background-position: 0 0; }
.jb-02 { height: 69px; width: 322px; background-position: 0 -87px; }
.jb-03 { height: 69px; width: 322px; background-position: 0 -174px; }
.jb-04 { height: 69px; width: 322px; background-position: 0 -262px; }
#elevator_item { width: 60px; height: 100px; position: fixed; right: 15px; bottom: 15px; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; opacity: 1; z-index: 100020; display: none; }
#elevator_item.off { opacity: 0; visibility: hidden }
#elevator { display: block; width: 60px; height: 50px; background: url(../img/icon_top.png) center center no-repeat; background-color: #444; background-color: rgba(0,0,0,.6); border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.2); cursor: pointer; margin-bottom: 10px }
#elevator:hover { background-color: rgba(0,0,0,.7) }
#elevator:active { background-color: rgba(0,0,0,.75) }
#elevator_item .qr { display: block; width: 60px; height: 40px; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.2); cursor: pointer; background: url(../img/icon_code.png) center center no-repeat; background-color: #444; background-color: rgba(0,0,0,.6) }
#elevator_item .qr:hover { background-color: rgba(0,0,0,.7) }
#elevator_item .qr:active { background-color: rgba(0,0,0,.75) }
#elevator_item .qr-popup { width: 170px; height: 200px; background: #fff; box-shadow: 0 1px 8px rgba(0,0,0,.1); position: absolute; left: -180px; bottom: 0; border-radius: 2px; display: none; text-align: center }
#elevator_item .qr-popup .code-link { display: block; margin: 10px; color: #777 }
#elevator_item .qr-popup .code { display: block; margin-bottom: 10px }
#elevator_item .qr-popup .arr { width: 6px; height: 11px; background: url(../img/code_arrow.png) 0 0 no-repeat; position: absolute; right: -6px; bottom: 14px }
.news-list-c { padding: 20px; width: 1000px; background-color: #fff; margin-bottom: 40px; }
.news-list-v { padding: 5px 30px; width: 765px; background-color: #fff; border: 1px solid #e9e9e9; }
.news-list-v-c { list-style-type: none; border-bottom: 1px solid #ddd; padding: 25px 0; }
.news-list-v-c h2 { font-size: 20px; height: 26px; line-height: 26px; font-weight: normal; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news-list-v-c h2 a { color: #333333; }
.news-list-v-c h2 a:hover { color: #15a1e5; }
.news-list-v-c h3 { font-size: 14px; font-weight: normal; color: #999999; margin-top: 0; margin-bottom: 10px; }
.news-list-v-c span { margin: 15px 0; }
.news-list-v-c p { margin-bottom: 15px; font-size: 14px; color: #999; line-height: 26px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-list-img { width: 196px; height: 130px; overflow: hidden; }
.news-list-img img { width: 100%; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out }
.news-list-img:hover img { -webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0); -moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0); -ms-transform: matrix(1.04, 0, 0, 1.04, 0, 0); -o-transform: matrix(1.04, 0, 0, 1.04, 0, 0); transform: matrix(1.04, 0, 0, 1.04, 0, 0) }
.news-list-info { width: 480px; }
.news-list-i { list-style-type: none; border-bottom: 1px solid #ddd; padding: 25px 0; overflow: hidden; }
.news-list-info h2 { font-size: 18px; height: 26px; line-height: 26px; font-weight: normal; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news-list-info h2 a { color: #333333; }
.news-list-info h2 a:hover { color: #15a1e5; }
.news-list-info p { margin-bottom: 15px; margin-top: 0; font-size: 14px; color: #999999; line-height: 26px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-info-v { padding: 20px; width: 215px; background-color: #fff; border: 1px solid #e9e9e9; }
.wxb-s-avatar { padding-top: 10px; }
.wxb-s-avatar img { display: block; margin: auto; clear: both; text-align: center; }
.news-list-view { padding: 20px 25px; }
.wxb-sl-c { background-color: #fff; padding: 20px; }
.wxb-sl-c p { font-size: 14px; }
.wxb-tab-nav { background: #e6e6e6; font-size: 16px; height: 50px; }
.wxb-tab-nav li { line-height: 50px; float: left; cursor: pointer; width: 200px; text-align: center; list-style: none; }
.wxb-tab-nav li a { color: #666; }
.wxb-tab-nav li.cur { background: #fff; z-index: 10; border-top: 2px #15a1e5 solid; margin-top: -2px; }
.wxb-tab-nav li.cur a { color: #666; text-decoration: none; }
.wxb-tab-con { overflow: hidden; background-color: #fff; padding: 50px 60px 30px; margin-bottom: 30px }
.wxb-tab-b { border: 1px #ddd solid; width: 800px; margin: 0 40px 20px; padding: 30px 0; }
.wxb-tab-t { float: left; width: 190px; height: 50px; line-height: 50px; text-align: center; background-color: #15a1e5; color: #fff; font-weight: normal; }
.wxb-tab-info { margin-top: 30px; width: 620px; }
.wxb-tab-info h4 { font-size: 15px; }
.wxb-tab-info td { padding-left: 30px; }
.wxb-tab-cx { margin-top: 30px; padding: 0 20px; width: 660px; border: 0; font-size: 18px; color: #333 }
.wxb-tab-cx td { line-height: 26px; background-color: #f0f0f0; padding: 20px 5px; border-bottom: 3px solid #15a1e5; }
.wxb-tab-jg { margin-top: 30px; padding: 0 20px; width: 660px; font-size: 14px; }
.wxb-tab-jg th { background-color: #eee; }
.am-page { margin: 10px auto; color: #999; height: 60px; padding: 20px; text-align: center; }
.am-page a, .am-page strong { padding: .2em 1em; border: 1px solid #ddd; border-radius: 2px; background-color: #fff; text-decoration: none; line-height: 1.2; cursor: pointer; margin-left: 3px; }
.am-page a:hover { z-index: 2; border-color: #d9d9d9; background-color: #f1f1f1; color: #333; cursor: pointer; }
.am-page strong { color: #FFFFFF; background: #15a1e5; border-radius: 2px; border-color: #15a1e5; font-weight: normal; }
.wxb-code { position: fixed; bottom: 230px; right: 10px; z-index: 100; background-color: #fff; }
.wxb-code a { display: block; padding: 12px 15px; font-size: 5px; line-height: 20px; color: #999; text-align: center; border-bottom: 1px solid #ddd; }
.wxb-code a:hover { color: #14191e; }
.wxb-code a i { font-size: 24px; color: #b5b9bc; }
.wxb-code a i:hover { color: #14191e; }
.wxb-code .wxb-code-app-box { position: absolute; width: 172px; height: 230px; bottom: -10px; right: 52px; -webkit-transition: opacity 0.25s, transform .3s; -moz-transition: opacity 0.25s, transform .3s; transition: opacity 0.25s, transform .3s; opacity: 0; filter: alpha(opacity=0); max-width: 0; -webkit-transform: scale(0.01); -ms-transform: scale(0.01); transform: scale(0.01); -webkit-transform-origin: 100% 95%; -ms-transform-origin: 100% 95%; transform-origin: 100% 95%; background: url(../img/wxb-code.png) no-repeat 0 0; }
.wxb-code .wxb-code-app:hover .wxb-code-app-box { display: block; visibility: visible; opacity: 1; filter: alpha(opacity=100); max-width: none; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.wxb-code .wxb-code-weixin-box { position: absolute; width: 172px; height: 230px; bottom: -10px; right: 52px; -webkit-transition: opacity 0.25s, transform .3s; -moz-transition: opacity 0.25s, transform .3s; transition: opacity 0.25s, transform .3s; opacity: 0; filter: alpha(opacity=0); max-width: 0; -webkit-transform: scale(0.01); -ms-transform: scale(0.01); transform: scale(0.01); -webkit-transform-origin: 100% 95%; -ms-transform-origin: 100% 95%; transform-origin: 100% 95%; background: url(../img/wxb-code.png) no-repeat 0 -230px; }
.wxb-code .wxb-code-weixin:hover .wxb-code-weixin-box { display: block; visibility: visible; opacity: 1; filter: alpha(opacity=100); max-width: none; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.wxb-link-wrap { position: relative; padding: 0; }
.wxb-link-con { display: block;margin: 0;  padding-top: 10px; height: auto; min-height: 80px; text-align: center;  }
.wxb-link-item {float: left;display: inline;margin: 0 15px 0 5px;vertical-align: middle;  height: 28px;line-height: 28px; font-size: 14px; text-align: left;}
.wxb-link-item a{ color: #333; }
.wxb-link-item a:hover{ color: #15a1e5; }
#f-link .am-tabs-default>.am-tabs-nav { line-height: 40px;background-color: #eeeeee; color: #333;}
#f-link .am-tabs-bd .am-tab-panel { padding: 10px 15px 20px; }
#f-link .am-tabs-bd { position: relative; overflow: hidden ;  z-index: 100;-webkit-transition: height .3s;transition: height .3s; background-color: #fff;}
.am-tabs-default .am-tabs-nav>.am-active a{ background-color:#15a1e5; }
[data-am-widget=tabs] {margin: 0px;}
.wxb-header { height:46px; line-height:46px; font-size: 15px;color: #666; background-color:#eee; border-bottom:1px solid #ddd; }
.wxb-header span{ margin-left:10px;}
.wxb-header-nav { float: left;    margin-bottom: 0;  }
.wxb-header-nav a { height: 50px; display:block;}
.wxb-header-nav a:hover{ color:#15a1e5}
.wxb-header-nav li { float: left; list-style: none; padding-right:18px;color: #666; }
.wxb-header-nav li.wxb-cur{ display: block; margin-right:20px;padding:0 14px; background-color: #15a1e5; color: #ffffff;}
.wxb-header-nav li.wxb-t-cur a{ color: #dd514c; font-weight:700;}

.am-news-hd { text-align: center; overflow: hidden; border-bottom: 1px #eee solid; margin-bottom: 20px; padding-bottom: 20px; }
.am-news-hd a { text-align: center; }
.am-news-hd h1 { font-weight: normal; margin-bottom: 20px; font-size: 22px; }
.am-news-info { color: #999; text-align: center; font-size: 13px; }
.am-news-bd { font-size: 15px; line-height: 28px; text-indent: 2em; color: #666; }
.am-news-bd p { font-size: 15px; line-height: 28px; text-indent: 2em; color: #666; }
.am-news-bd img { display: block; height: auto; border: 0; text-align: center; margin: auto; clear: both; }
.wxb-s-tag{ margin-top: 20px; }
.wxb-s-tag a {border: 1px solid #ebebeb;padding: 2px 7px;color: #959595;line-height: 1.5em;display: inline-block;margin: 0 7px 7px 0;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;
 transition: all 0.2s ease; font-size: 14px;}
.wxb-s-tag a:hover {color: #ffffff;background: #15a1e5;border: 1px solid #15a1e5;text-decoration: none;}


.wxb-tab-wdjb { font-size: 14px; }
.wxb-tab-wdjb th { background-color: #fbfbfc; color: #474e5d; }
.wxb-tab-wdjb td { padding: 20px 0; }
.ui-page { float: right; margin-top: 30px; font-size: 14px; }
.ui-page a { display: inline-block; *display:inline;
*zoom:1;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; height: 20px; margin: 0 6px; padding: 0 6px; color: #5e5e5e; border: 1px solid #dedede; line-height: 20px }
.ui-page .ui-page-cur, .ui-page a:hover { border: 1px solid #ea544a; background-color: #ea544a; color: #fff; }
.ui-page-info { padding-left: 6px; }
.wxb-register-c { background-color: #fff; padding: 30px 30px 50px ; border: solid 1px #eee; overflow: hidden; margin-bottom:20px; min-width: 800px; }

.process { width: 725px; }
.rectangle { position: relative; width: 200px; text-align: center; line-height: 40px; display: block; float: left; height: 40px; background-color: #d5d5d5; }
.process2 .rectangle { width: 322px; }
.rectangle.active { color: #fff; background-color: #15a1e5; }
.right-move { margin-left: 42px; }
.active .triangle { border-color: transparent transparent transparent #15a1e5; }
.active .triangle-cave { border-color: #15a1e5 #15a1e5 #15a1e5 transparent; }
.triangle { position: absolute; right: -40px; top: 0; display: block; width: 0; height: 0; border-width: 20px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #d5d5d5; }
.triangle-cave { position: absolute; left: -40px; top: 0; width: 0; height: 0; border-width: 20px; border-style: solid solid solid dashed; border-color: #d5d5d5 #d5d5d5 #d5d5d5 transparent; }
.required>label:after, .required .checkbox:after { margin: -0.2em 0 0 0.2em; content: '*'; color: #db2828; font-weight: bold; }
.bm-form div.am-u-sm-12 {margin-bottom: 10px;}

.wxb-reg-s{ padding:30px 50px}
.wxb-reg-s i{ color:#999;}


.user-nav { margin: 0 auto; padding: 0 auto; }
.user-nav  li { float: left; list-style-type: none; margin: 0px; }
.user-nav  li a { padding: 0 20px; color: #999; }
.user-nav  li a:hover { color: #333; }


.news-list-t{padding: 5px 30px; width: 970px; background-color: #fff; border: 1px solid #e9e9e9; }
.news-list-t-c { padding: 15px 0;list-style-type: none;border-bottom: 1px dotted #ddd; overflow:hidden;}
.news-list-t-fl{ float:left; width:750px; white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.news-list-t-fl a{color:#333}
.news-list-t-fl a:hover{ color:#15a1e5}
.news-list-t-fr{ float:right; color:#999;}
.am-news-bd img { max-width:100%;}

.wxb-tg-c{ margin: 0 auto;padding: 30px; width: 800px;}
.wxb-tg-m { margin-top: 30px;border: 1px solid #ebebeb; padding-left: 20px; padding-right: 60px;}
.wxb-tg-title {width: 220px;height: 80px;margin: -28px auto 0;text-align: center;}
.wxb-tg-title h2 {font-size: 28px;font-weight: 400;background-color: #fff;}
.wxb-must { margin-right: 4px; color: #db2828;}
.wxb-tg-table{ border-collapse: collapse; margin-bottom: 40px;}
.wxb-tg-table>tbody>tr>td, .wxb-tg-table>tbody>tr>th { border-top: 1px solid #fff; }
.wxb-tg-name{line-height: 2; text-align: right;}


#cd-timeline { position: relative; padding: 2em 0; margin-top: 2em; margin-bottom: 2em; }
#cd-timeline::before { /* this is the vertical line */ content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #ddd; }

@media only screen and (min-width: 1170px) {
#cd-timeline { margin-top: 3em; margin-bottom: 3em; }
#cd-timeline::before { left: 50%; margin-left: -2px; }
}
.cd-timeline-block { position: relative; margin: 2em 0; }
.cd-timeline-block:after { content: ""; display: table; clear: both; }
.cd-timeline-block:first-child { margin-top: 0; }
.cd-timeline-block:last-child { margin-bottom: 0; }

@media only screen and (min-width: 1170px) {
.cd-timeline-block { margin: 4em 0; }
.cd-timeline-block:first-child { margin-top: 0; }
.cd-timeline-block:last-child { margin-bottom: 0; }
}
.cd-timeline-img { position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); }
.cd-timeline-img img { display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; }
.cd-timeline-img span { display: block; color: #fff; font-size: 28px; position: relative; left: 50%; top: 35%; margin-left: -12px; margin-top: -12px; }
.cd-timeline-img.cd-picture { background: #15a1e5; }
.cd-timeline-img.cd-movie { background: #e84c3d; }
.cd-timeline-img.cd-location { background: #f0ca45; }

@media only screen and (min-width: 1170px) {
.cd-timeline-img { width: 60px; height: 60px; left: 50%; margin-left: -30px; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; }
.cssanimations .cd-timeline-img.is-hidden { visibility: hidden; }
.cssanimations .cd-timeline-img.bounce-in { visibility: visible; -webkit-animation: cd-bounce-1 0.6s; -moz-animation: cd-bounce-1 0.6s; animation: cd-bounce-1 0.6s; }
}
.cd-timeline-content { position: relative; margin-left: 60px; background: #ddd; border-radius: 0.25em; padding: 1em; box-shadow: 0 3px 0 #ccc; }
.cd-timeline-content:after { content: ""; display: table; clear: both; }
.cd-timeline-content h2 { color: #303e49; }
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 16px; font-size: 1rem; }
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { display: inline-block; }
.cd-timeline-content p { margin: 1em 0; line-height: 1.6; }
.cd-timeline-content .cd-read-more { float: right; padding: .8em 1em; background: #acb7c0; color: white; border-radius: 0.25em; }
.no-touch .cd-timeline-content .cd-read-more:hover { background-color: #bac4cb; }
a.cd-read-more:hover { text-decoration: none; background-color: #424242; }
.cd-timeline-content .cd-date { float: left; padding: .8em 0; opacity: .7; }
.cd-timeline-content::before { content: ''; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid white; }

@media only screen and (min-width: 768px) {
.cd-timeline-content h2 { font-size: 16px; }
.cd-timeline-content p { font-size: 14px; }
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 14px; font-size: 0.875rem; }
}

@media only screen and (min-width: 1170px) {
.cd-timeline-content { margin-left: 0; padding: 1.6em; width: 45%; }
.cd-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: white; }
.cd-timeline-content .cd-read-more { float: left; }
.cd-timeline-content .cd-date { position: absolute; width: 100%; left: 122%; top: 6px; font-size: 18px; font-weight: bold; }
.cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; }
.cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: white; }
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right; }
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 122%; text-align: right; }
.cssanimations .cd-timeline-content.is-hidden { visibility: hidden; }
.cssanimations .cd-timeline-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2 0.6s; -moz-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s; }
}

@media only screen and (min-width: 1170px) {
/* inverse bounce effect on even content blocks */
.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in { -webkit-animation: cd-bounce-2-inverse 0.6s; -moz-animation: cd-bounce-2-inverse 0.6s; animation: cd-bounce-2-inverse 0.6s; }
}
#ehong-code-input { width: 142px; letter-spacing: 2px; margin: 0px 8px 0px 0px; }
.ehong-idcode-val { position: relative; padding: 1px 4px 1px 4px; top: 0px; *top:-3px;
letter-spacing: 4px; display: inline; cursor: pointer; font-size: 16px; font-family: "Courier New", Courier, monospace; text-decoration: none; font-weight: bold; }
.ehong-idcode-val0 { border: solid 1px #A4CDED; background-color: #ECFAFB; }
.ehong-idcode-val1 { border: solid 1px #A4CDED; background-color: #FCEFCF; }
.ehong-idcode-val2 { border: solid 1px #6C9; background-color: #D0F0DF; }
.ehong-idcode-val3 { border: solid 1px #6C9; background-color: #DCDDD8; }
.ehong-idcode-val4 { border: solid 1px #6C9; background-color: #F1DEFF; }
.ehong-idcode-val5 { border: solid 1px #6C9; background-color: #ACE1F1; }
.ehong-code-val-tip { font-size: 12px; color: #1098EC; top: 0px; *top:-3px;
position: relative; margin: 0px 0px 0px 4px; cursor: pointer; }
.keer-plus a{font-size: 12px; color: #0e90d2;}